<template>
  <div class="exam">
    <div style="margin-top: 40px">
      <h4>&nbsp;&nbsp;&nbsp;科目一</h4>
      <van-grid square :border="false">
        <van-grid-item icon="photo-o" text="顺序练习" to="kemu"/>
        <van-grid-item icon="photo-o" text="章节练习" to="kemu"/>
        <van-grid-item icon="photo-o" text="专项练习" to="kemu"/>
        <van-grid-item icon="photo-o" text="模拟考试" to="kemu"/>
      </van-grid>
      <h4>&nbsp;&nbsp;&nbsp;科目四</h4>

      <van-grid square :border="false">
        <van-grid-item icon="photo-o" text="顺序练习" to="kemu"/>
        <van-grid-item icon="photo-o" text="章节练习" to="kemu"/>
        <van-grid-item icon="photo-o" text="专项练习" to="kemu"/>
        <van-grid-item icon="photo-o" text="模拟考试" to="kemu"/>
      </van-grid>
      <h4>&nbsp;&nbsp;&nbsp;交通标志</h4>
      <van-grid :border="false" :column-num="3">
        <van-grid-item icon="photo-o" text="禁令图标" to="/Injunction"/>
        <van-grid-item icon="photo-o" text="警告标志" to="Warning2"/>
        <van-grid-item icon="photo-o" text="指示标志" to="Instructions3"/>
        <van-grid-item icon="photo-o" text="指路标志" to="Showtheway4"/>
      </van-grid>
    </div>
  </div>
</template>
<style scoped>
.exam span {
  float: right;
}
h4 {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
}
</style>